<!DOCTYPE html>
<html>
  <head>
    <title>s03.html</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
	<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
	<script type="text/javascript">
		function f1(){
			$('#d1').css('font-size','10px');
		}
		
		function f2(){
			$('.s1').css('font-size','20px');
		}
		
		function f3(){
			$('div').css('font-size','30px');
		}
		
		function f4(){
			$('d1,p').css('font-size','40px');
		}
		
		function f5(){
			$('*').css('font-size','50px');
		}
		
	</script>
  </head>
  
  <body>
    <!-- jQuery基本选择器 -->
    <!-- id -->
    <!-- .class -->
    <!-- element -->
    <!-- selector1,selector2,... -->
    <!-- * -->
    <div id="d1">Hello jQuery</div>
    <div clas="s1">hello Ajax</div>
    <p class="s1">Hello Servlet</p>
    <a href="javascript:;" onclick="f1()">ID选择器</a>
    <a href="javascript:;" onclick="f2()">类选择器</a>
    <a href="javascript:;" onclick="f3()">元素选择器</a>
    <a href="javascript:;" onclick="f4()">select选择器</a>
    <a href="javascript:;" onclick="f5()">*选择器</a>
  </body>
</html>
